<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- 设置移动端视图 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <title>首页</title>
    <link rel="stylesheet" href="css/public/public.css">
    <link rel="stylesheet" href="css/main/main.css">
    <link rel="stylesheet" href="plugs/fontisto/css/fontisto/fontisto.min.css">
</head>
<body>
    <div>
        <header></header>
        <div class="main-content">
            <div class="clearfix">
                <div class="content-left public-float-left">
                    <aside class="nav-left public-border-color">
                    </aside>
                    <aside class="public-margin-top public-border">
                        <img src="images/main/adv5.gif" width="100%" height="100%" alt="gif" />
                    </aside>
                    <aside class="public-margin-top public-border hot-questions">
                        <div class="public-nav-title"><i class="fi fi-favorite public-float-left"> </i><span class="public-margin-left">热门文章</span></div>
                        <ul>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">1</span>jquery禁止页面鼠标事件</a></li>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">2</span>jquery禁止页面鼠标事件</a></li>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">3</span>jquery禁止页面鼠标事件</a></li>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">4</span>jquery禁止页面鼠标事件</a></li>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">5</span>jquery禁止页面鼠标事件</a></li>
                        </ul>
                    </aside>
                    <aside class="public-margin-top public-border hot-questions">
                        <div class="public-nav-title"><i class="fi fi-flag public-float-left"> </i><span class="public-margin-left">热门标签</span></div>
                        <ul>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">1</span>jquery禁止页面鼠标事件</a></li>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">2</span>jquery禁止页面鼠标事件</a></li>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">3</span>jquery禁止页面鼠标事件</a></li>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">4</span>jquery禁止页面鼠标事件</a></li>
                            <li><a href="http://itwgy.com/html/webfront/92.html"><span class="hot-questions-ordernum">5</span>jquery禁止页面鼠标事件</a></li>
                        </ul>
                    </aside>
                </div>
                <div class="content-right public-float-right">
                    <div id="carousel" class="public-pos-re">
                        <ul class="carousel-img-box clearfix">
                            <li><img src="images/main/banner1.jpg" alt=""></li>
                            <li><img src="images/main/banner2.jpg" alt=""></li>
                            <li><img src="images/main/banner3.jpg" alt=""></li>
                            <li><img src="images/main/banner2.jpg" alt=""></li>
                            <li><img src="images/main/banner3.jpg" alt=""></li>
                        </ul>
                    </div>
                    <div class="content-right-new public-border-color clearfix">
                        <article class="public-border-color">
                            <span class="content-new-icon">NEW</span>
                            <figure>
                                <a href=""><img src="http://itwgy.com//artImg/titleImg/itwgy_20160324080802177.png" alt=""></a>
                            </figure>
                            <header>
                                <a href="">
                                    简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...
                                </a>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article>
                            <span class="content-new-icon">NEW</span>
                            <figure>
                                <a href=""><img src="http://itwgy.com//artImg/titleImg/itwgy_20180515160423471.png" alt=""></a>
                            </figure>
                            <header>
                                <a href="">
                                    简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...
                                </a>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article>
                            <span class="content-new-icon">NEW</span>
                            <figure>
                                <a href=""><img src="http://itwgy.com//artImg/titleImg/itwgy_20180301212201651.png" alt=""></a>
                            </figure>
                            <header>
                                <a href="">
                                    简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...
                                </a>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article>
                            <span class="content-new-icon">NEW</span>
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header>
                                <a href="">
                                    简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...
                                </a>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article>
                            <span class="content-new-icon">NEW</span>
                            <figure>
                                <a href=""><img src="http://itwgy.com//artImg/titleImg/itwgy_20160324080802177.png" alt=""></a>
                            </figure>
                            <header>
                                <a href="">
                                    简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...
                                </a>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article>
                            <span class="content-new-icon">NEW</span>
                            <figure>
                                <a href=""><img src="http://itwgy.com//artImg/titleImg/itwgy_20180515160423471.png" alt=""></a>
                            </figure>
                            <header>
                                <a href="">
                                    简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...
                                </a>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article>
                            <span class="content-new-icon">NEW</span>
                            <figure>
                                <a href=""><img src="http://itwgy.com//artImg/titleImg/itwgy_20180301212201651.png" alt=""></a>
                            </figure>
                            <header>
                                <a href="">
                                    简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...
                                </a>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article>
                            <span class="content-new-icon">NEW</span>
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header>
                                <a href="">
                                    简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...
                                </a>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                    </div>
                    <div class="public-bg-color public-margin-top public-border public-padding-top public-padding-bottom">
                        <img width=100% src="http://itwgy.com//artImg/adv/adv2.jpg" alt="">
                    </div>
                    <div class="public-margin-top news-list public-border-color">
                        <div class="public-nav-title"><i class="fi fi-file-1 public-float-left"> </i><span class="public-margin-left">最新资讯</span></div>
                        <div class="clearfix">
                            <div class="news-list-icon"><img src="images/main/news.png" alt=""></div>
                            <ul>
                                <li><a href="http://itwgy.com/html/zx/377.html"><span>设计师们心心念念的这款戴尔工作站终于打折了！</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/376.html"><span>网信办约谈李文星事件涉事网站 “科蓝软件”已下架</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/352.html"><span>周鸿祎：听完董小姐的演讲，我都恨不得把手机摔在地上了</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/309.html"><span>360再诉小米：一场利益之争的诉讼“罗生门”</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/293.html"><span>网友称搜狗被百度劫持流量</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/377.html"><span>设计师们心心念念的这款戴尔工作站终于打折了！</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/376.html"><span>网信办约谈李文星事件涉事网站 “科蓝软件”已下架</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/352.html"><span>周鸿祎：听完董小姐的演讲，我都恨不得把手机摔在地上了</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/309.html"><span>360再诉小米：一场利益之争的诉讼“罗生门”</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                                <li><a href="http://itwgy.com/html/zx/293.html"><span>网友称搜狗被百度劫持流量</span><span class="public-float-right">2017-08-14 17:48:34</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-bottom public-margin-top clearfix">
                <div class="content-bottom-item public-float-left">
                    <div class="public-border public-bg-color clearfix">
                        <div class="public-nav-title"><i class="fi fi-html5 public-float-left"> </i><span class="public-margin-left">最新资讯</span></div>
                        <div class="public-float-left content-bottom-item-img">
                            <h2>HTML5核心知识</h2>
                            <div><img src="images/main/news.png" alt=""></div>
                        </div>
                        <div class="content-bottom-item-info">
                            本课程是HTML5的精讲课程，其中详细的介绍了HTML5中，新增的元素、属性和接口的用法以及其在不同浏览器下的兼容性。
                            课程中，除了理论的介绍外，还包含了大量的实际运用的案例，通过这些案例，我们可以快速的理解运用HTML5的新特性。
                        </div>
                        <ul class="content-bottom-item-list">
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新表单元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">canvas元素的使用及api</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新多媒体元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新的语义和结构元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">WEB存储</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                        </ul>
                    </div>
                </div>
                <div class="content-bottom-item public-float-left">
                    <div class="public-border public-bg-color clearfix">
                        <div class="public-nav-title"><i class="fi fi-jquery public-float-left"> </i><span class="public-margin-left">最新资讯</span></div>
                        <div class="public-float-left content-bottom-item-img">
                            <h2>HTML5核心知识</h2>
                            <div><img src="images/main/news.png" alt=""></div>
                        </div>
                        <div class="content-bottom-item-info">
                            本课程是HTML5的精讲课程，其中详细的介绍了HTML5中，新增的元素、属性和接口的用法以及其在不同浏览器下的兼容性。
                            课程中，除了理论的介绍外，还包含了大量的实际运用的案例，通过这些案例，我们可以快速的理解运用HTML5的新特性。
                        </div>
                        <ul class="content-bottom-item-list">
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新表单元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">canvas元素的使用及api</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新多媒体元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新的语义和结构元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">WEB存储</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                        </ul>
                    </div>
                </div>
                <div class="content-bottom-item public-float-left">
                    <div class="public-border public-bg-color clearfix">
                        <div class="public-nav-title"><i class="fi fi-angularjs public-float-left"> </i><span class="public-margin-left">最新资讯</span></div>
                        <div class="public-float-left content-bottom-item-img">
                            <h2>HTML5核心知识</h2>
                            <div><img src="images/main/news.png" alt=""></div>
                        </div>
                        <div class="content-bottom-item-info">
                            本课程是HTML5的精讲课程，其中详细的介绍了HTML5中，新增的元素、属性和接口的用法以及其在不同浏览器下的兼容性。
                            课程中，除了理论的介绍外，还包含了大量的实际运用的案例，通过这些案例，我们可以快速的理解运用HTML5的新特性。
                        </div>
                        <ul class="content-bottom-item-list">
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新表单元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">canvas元素的使用及api</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新多媒体元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新的语义和结构元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">WEB存储</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                        </ul>
                    </div>
                </div>
                <div class="content-bottom-item public-float-left">
                    <div class="public-border public-bg-color clearfix">
                        <div class="public-nav-title"><i class="fi fi-vuejs public-float-left"> </i><span class="public-margin-left">最新资讯</span></div>
                        <div class="public-float-left content-bottom-item-img">
                            <h2>HTML5核心知识</h2>
                            <div><img src="images/main/news.png" alt=""></div>
                        </div>
                        <div class="content-bottom-item-info">
                            本课程是HTML5的精讲课程，其中详细的介绍了HTML5中，新增的元素、属性和接口的用法以及其在不同浏览器下的兼容性。
                            课程中，除了理论的介绍外，还包含了大量的实际运用的案例，通过这些案例，我们可以快速的理解运用HTML5的新特性。
                        </div>
                        <ul class="content-bottom-item-list">
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新表单元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">canvas元素的使用及api</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新多媒体元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">HTML5新的语义和结构元素介绍</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                            <li><i class="fi fi-angle-dobule-right"></i><a href="">WEB存储</a><span class="public-float-right">2018-7-11 00:51:00</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <footer></footer>
    </div>
<script src="js/lib/require.js" data-main="js/main/main"></script>
</body>
</html>